<template>
  <el-main class="main">
    <el-row :gutter="10">
      <el-col :span="7" align="top" class="left-side">
        <el-row class="left-side-2">
          <ChinaDetail></ChinaDetail>
        </el-row>
      </el-col>
      <el-col :span="17" class="middle">
        <el-row class="middle-main">
<!--          <EchartMap></EchartMap>-->
        </el-row>
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle">
      <el-col :span="18" class="middle">
        <label>友情链接：</label>
        <a href="https://2019ncov.chinacdc.cn/2019-nCoV/">中国疫情分布图</a>
        <a href="https://coronavirus.jhu.edu/map.html">约翰斯·霍普金斯大学新冠病毒监测</a>
      </el-col>
    </el-row>
  </el-main>
</template>

<script>
  import ChinaDetail from "./ChinaDetail";
  import EchartMap from "../EchartMap";
    export default {
        name: "ChinaEpidemic",
      components: {
        ChinaDetail, EchartMap
      },
    }
</script>
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?e735dea075f1d7e30700ffa44340c362";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>

<style scoped>
  .top {
    height: 0.1rem;
  }
  .main{
    padding-top: 3rem;
  }
</style>
